﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPrincipal.master" AutoEventWireup="true"
    CodeFile="DefaultAG.aspx.cs" Inherits="DefaultAG" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <link href="Teste/jQueryUI/development-bundle/themes/flick/jquery.ui.all.css"
        rel="stylesheet" type="text/css" />
    <link href="scripts/tiny_mce/themes/simple/skins/default/ui.css" rel="stylesheet"
        type="text/css" />    
   <script src="../scripts/json2.js" type="text/javascript"></script>
    <script src="scripts/fswgrid-0.2.js" type="text/javascript"></script>
    <link href="Css/geral.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function editarEvento(id)
        {
            window.location = "Evento/EditarEvento.aspx?i="+id;
        }
         function excluir(id)
        {
            $('#dialog-confirmar').dialog({
                title: 'Tem certeza ?',
                resizable: false,
                position: 'center',
                height: '200',
                width: '320',
                modal: true,
                overlay: {
                    backgroundColor: '#000',
                    opacity: 0.5
                },
                buttons: {
				    "Sim": function() {
                        $.ajax({
			                type: "POST",
			                url: "DefaultAG.aspx/excluir",
			                contentType: "application/json; charset=utf-8",
			                dataType: "json",
			                data: JSON.stringify({idPessoa: id}),
			                success: 
				                function (msg) {
                                    carregarListaUsuario();
                                    $('#dialog-confirmar').dialog("close");                                   
				                },  
		                });
				    },
				    "Não": function() {
					    $(this).dialog("close");
				    }
                }
            });
        };       
        function acessarEvento(id)
        {
            $.ajax({
                type: "POST",
                url: "DefaultAG.aspx/acessarEvento",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify({guid: id}),
                success: 
                    function (msg) {
						window.location = "Evento/DefaultAG.aspx";
                    },
            });
        };
         function acessarEventoInscritos(id)
        {
            $.ajax({
                type: "POST",
                url: "DefaultAG.aspx/acessarEvento",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify({guid: id}),
                success: 
                    function (msg) {
						window.location = "Evento/DefaultUS.aspx";
                    },
            });
        };
         function acessarEventoAceitandoInscricao(id)
        {
            $.ajax({
                type: "POST",
                url: "DefaultAG.aspx/acessarEvento",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify({guid: id}),
                success: 
                    function (msg) {
						window.location = "Evento/DefaultUS.aspx";
                    },
            });
        };
        var configGridEventos = {s: 4, i: 1, t: '', o: ''};
        var dateFormat;
        function DateFormat(date)
        {
            var milli = date.replace(/\/Date\((-?\d+)\)\//, '$1');
            var d = new Date(parseInt(milli));
            var date = new Date(d);
            var day = date.getDate();
            var month = date.getMonth();
            if(date.getDate() < 10)
            {
                day = '0' + date.getDate();
            }
            month = month + 1;
            if(date.getMonth() < 10)
            {
                month = '0' + month;
            }
            dateFormat = day + '/' + month + '/' + date.getFullYear();
        };
        function carregarListaEvento(){
		    var lista;
		    $.ajax({
			    type: "POST",
			    url: "DefaultAG.aspx/getEventos",
			    contentType: "application/json; charset=utf-8",
			    dataType: "json",
			    data: JSON.stringify({pagina: configGridEventos.i}),
			    success: 
				    function (msg) {
					    lista = msg.d;
					    $('#table-eventos').fswGrid({
						    bottombar: '#table-eventos-footer',
						    selectable: true,
						    selectSingle: true,
						    sortable: true,
						    nextText: 'Próxima',
						    prevText: 'Anterior',
						    resultText: 'Exibindo de {0} a {1} de {2} resultados',
						    results: false,
						    pagination: true,
						    message: 'Nenhum evento encontrado',
						    pageSize: configGridEventos.s,
						    onNext: function (i) {
							    configGridEventos.i = configGridEventos.i + 1;
						    },
						    onPrev: function (i) {
							    configGridEventos.i = configGridEventos.i - 1;
						    },
						    render: function (row, item) {
							    DateFormat(item.dataInicial);
							    $(row).append($('<td>').text(item.titulo));
							    $(row).append($('<td>').text(item.status));
							    $(row).append($('<td>').text(dateFormat));
                                DateFormat(item.dataInscricaoInicial);
                                $(row).append($('<td>').text(dateFormat));
					  
							    var tdAcoes = $('<td>');
							    var buttonAcessar = $('<a class="buttonAcaoMenor" href="javascript:acessarEvento(\''+item.id+'\')" >Acessar</a>');
							    var buttonEditar = $('<a class="buttonAcaoMenor" href="javascript:editarEvento(\''+item.id+'\')">Editar</a>');
                                 var buttonExcluir = $('<a class="buttonAcaoMenor" href="javascript:excluir(\''+item.id+'\')">Excluir</a>');
							    tdAcoes.append(buttonAcessar);
							    tdAcoes.append(buttonEditar);
                                  tdAcoes.append(buttonExcluir);  
							    $(row).append(tdAcoes);
						    }
					    }, lista);
				    },
		    });
        };
        $(document).ready(function () {
            carregarListaEvento();
            carregarListaEventoInscrito();
            carregarListaEventoAceitando();
        })


         function carregarListaEventoInscrito(){
        var lista;
		$.ajax({
			type: "POST",
			url: "DefaultUS.aspx/getEventosInscrito",
			contentType: "application/json; charset=utf-8",
			dataType: "json",
			data: JSON.stringify({pagina: configGridEventos.i}),
			success: 
				function (msg) {
					lista = msg.d;
					$('#table-eventos-inscrito').fswGrid({
						bottombar: '#table-eventos-inscrito-footer',
						selectable: true,
						selectSingle: true,
						sortable: true,
						nextText: 'Próxima',
						prevText: 'Anterior',
						resultText: 'Exibindo de {0} a {1} de {2} resultados',
						results: false,
						pagination: true,
						message: 'Nenhum evento encontrado',
						pageSize: configGridEventos.s,
						onNext: function (i) {
							configGridEventos.i = configGridEventos.i + 1;
						},
						onPrev: function (i) {
							configGridEventos.i = configGridEventos.i - 1;
						},
						render: function (row, item) {
							DateFormat(item.dataInicial);
							$(row).append($('<td>').text(item.titulo));
							$(row).append($('<td>').text(item.status));
							$(row).append($('<td>').text(dateFormat));
					  
							var tdAcoes = $('<td>');
							var buttonAcessar = $('<a class="buttonAcaoMenor" href="javascript:acessarEventoInscritos(\''+item.id+'\')" >Acessar</a>');

							tdAcoes.append(buttonAcessar);
							$(row).append(tdAcoes);
						}
					}, lista);
				},
		    });
        };
        function carregarListaEventoAceitando(){
		var lista;
		$.ajax({
			type: "POST",
			url: "DefaultAG.aspx/getEventosAceitando",
			contentType: "application/json; charset=utf-8",
			dataType: "json",
			data: JSON.stringify({pagina: configGridEventos.i}),
			success: 
				function (msg) {
					lista = msg.d;
					$('#table-eventos-aceitando').fswGrid({
						bottombar: '#table-eventos-aceitando-footer',
						selectable: true,
						selectSingle: true,
						sortable: true,
						nextText: 'Próxima',
						prevText: 'Anterior',
						resultText: 'Exibindo de {0} a {1} de {2} resultados',
						results: false,
						pagination: true,
						message: 'Nenhum evento encontrado',
						pageSize: configGridEventos.s,
						onNext: function (i) {
							configGridEventos.i = configGridEventos.i + 1;
						},
						onPrev: function (i) {
							configGridEventos.i = configGridEventos.i - 1;
						},
						render: function (row, item) {
							DateFormat(item.dataInicial);
							$(row).append($('<td>').text(item.titulo));
							$(row).append($('<td>').text(item.status));
							$(row).append($('<td>').text(dateFormat));
					  
							var tdAcoes = $('<td>');
							var buttonAcessar = $('<a class="buttonAcaoMenor" href="javascript:acessarEventoAceitandoInscricao(\''+item.id+'\')" >Acessar</a>');

							tdAcoes.append(buttonAcessar);
							$(row).append(tdAcoes);
						}
					}, lista);
				},
		});
	};



    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderConteudo" runat="Server">
    <asp:Label ID="LabelPaginaInicial" style="margin: 20px" Text="Página Principal" Font-Size="20px" Font-Bold="true" runat="server"></asp:Label><br />
     <div>
        <div style="text-align: right">
            <a id="novoEvento" class="buttonAcao" href="javascript:window.location='Evento/CadastrarEvento.aspx';">Novo Evento</a>
            <a id="usuarios" class="buttonAcao" href="Usuario/GerenciarUsuarioAG.aspx" style="margin: 20px">Gerenciar Usuários</a>
        </div>
        <%-- Tabela de Eventos Gerenciáveis--%>
        <div style="text-align: left; margin: 20px">
           <asp:Label runat="server" ID="LabelGerenciarEvento" Font-Bold="true" Text="Gerenciar Eventos"
                Font-Size="30px"></asp:Label>
        </div>
    </div> 
    <table class="tabela-pesquisa" id="table-eventos">
        <thead>
            <tr>
                <th>
                    Título
                </th>
                <th>
                    Status
                </th>
                <th>
                    Data de Realização
                </th>
                 <th>
                    Data Inicial de Inscrições
                </th>
                <th>
                    Ações
                </th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <div id="table-eventos-footer" style="margin: 20px">
        <span class="fsw-grid-results"></span><a class="fsw-grid-prev" href="javascript:carregarListaEvento();">
            Anterior</a> <a class="fsw-grid-next" href="javascript:carregarListaEvento();">Próximo</a>
    </div>
    <br />

       <%-- Tabela de Eventos em que o Usuario esta Inscrito--%>
     <div>
        <div style="text-align: left">
            <asp:Label runat="server" ID="LabelEventosInscrito" style="margin: 20px" Font-Bold="true" Text="Eventos inscrito"
                Font-Size="30px"></asp:Label>
        </div>
    </div>
    <br />
    <br />
    <table class="tabela-pesquisa" id="table-eventos-inscrito">
        <thead>
            <tr>
                <th>
                    Título
                </th>
                <th>
                    Status
                </th>
                <th>
                    Data de Realização
                </th>
                <th>
                    Ação
                </th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <div id="table-eventos-inscrito-footer" style="margin: 20px">
        <span class="fsw-grid-results"></span><a class="fsw-grid-prev" href="javascript:carregarListaEventoInscrito();">
            Anterior</a> <a class="fsw-grid-next" href="javascript:carregarListaEventoInscrito();">
                Próximo</a>
    </div>
    <br />
    <br />
    <br />

   <%-- Tabela de Eventos Aceitando Inscrições--%>
    <div>
        <div style="text-align: left">
            <asp:Label runat="server" ID="LabelEventos" style="margin: 20px" Font-Bold="true" Text="Eventos Aceitando Inscrições"
                Font-Size="30px"></asp:Label>
        </div>
    </div>
    <br />
    <table class="tabela-pesquisa" id="table-eventos-aceitando">
        <thead>
            <tr>
                <th>
                    Título
                </th>
                <th>
                    Status
                </th>
                <th>
                    Data de Realização
                </th>
                <th>
                    Ação
                </th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
    <div id="table-eventos-aceitando-footer" style="margin: 20px">
        <span class="fsw-grid-results"></span><a class="fsw-grid-prev" href="javascript:carregarListaEvento();">
            Anterior</a> <a class="fsw-grid-next" href="javascript:carregarListaEvento();">Próximo</a>
    </div>
    <br />

   <div id="dialog-confirmar" style="display: none">
        Tem certeza que deseja excluir o evento?
    </div>
</asp:Content>
